@charset "utf-8";
//计算根的像素大小
@function r($px) {
    @return ($px / 40) *1rem;
}

//计算减半的函数
@function half($px) {
    @return ($px / 2) *1px;
}

$color_them: #ffa969;
$font_size:r(30);
@mixin a_block {
    display: block;
    width: 100%;
    height: 100%;
}

@mixin middle {
    vertical-align: middle;
    display: inline-block;
}

html,
body {
    height: 100%;
    position: relative;
}

// 下拉菜单
.select {
    width: half(159);
    height: half(56);
    border: 1px solid $color_them;
    background-image: url(../img/index/select.jpg);
    background-repeat: no-repeat;
    background-position: right 5px center;
    background-size: half(31) half(14);
    select {
        padding-left: half(14);
        -webkit-appearance: none;
        appearance: none;
        background: transparent;
        border: none;
        display: block;
        width: 100%;
        height: 100%;
    }
}

// 底部
.footer {
    position: absolute;
    bottom: 0;
    width: r(750);
    height: half(135);
    box-sizing: border-box;
    .home,
    .class,
    .find,
    .mine {
        text-align: center;
        margin-top: half(16);
        width: 25%;
        height: half(135);
        div {
            margin: 0 auto;
            width: half(75);
            height: half(73);
            a {
                @include a_block;
                img {
                    width: 100%;
                    &:active {
                        background-image: url(../img/index/index_bg.jpg);
                        background-position: top left;
                    }
                }
            }
        }
        h3 {
            margin-top: 4px;
            font-size: half(26);
        }
    }
}

.header {
    position: absolute;
    top: 0;
    width: r(750);
    height: half(123);
    padding: half(48) half(23) half(20);
    box-sizing: border-box;
    text-align: center;
    .back {
        border: 1px solid $color_them;
        padding: half(15) half(31);
        border-radius: half(17);
        h2 {
            font-size: half(26);
            a {
                color: #000;
            }
        }
    }
    h1 {
        font-size: r(26);
        margin: half(16) auto 0;
    }
}